.login-box{
    position: absolute;
    width: 100%;
    height:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: url('/image/admin/login_bg.png') no-repeat;
    background-size: cover;
}
.login-box-form{
    width: 25%;
    background: #fff;
    box-shadow: 0 8px 24px 1px rgba(15,26,54,0.30);
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-12.5%;
    margin-top:-12.5%;
}
.login-logo{
    width:45%;
    display:block;
    margin:10px  auto;
}


.form-group{
    width: 75%;
    margin: 0 auto;
}
.form-control{
    background: #FFFFFF;
    border: 1px solid #D9DDE0;
    min-height: 38px;
    margin-bottom:30px;
    font-family: 'PingFangSC-Regular';
    font-size: 14px;
    color: #B2B2B2;
    padding: 0 1% 0 17%;
    width:81%;
}
button{
    width:100%;
    background: #4578F8;
    box-shadow: 0 4px 6px 0 rgba(41,70,141,0.24);
    color:#fff;
    margin: 20px 0 38px;
    min-height: 44px;
    cursor: pointer;
}
.login-name,.login-password{
    position:relative;
}
.login-name:before,.login-password:before{
    position: absolute;
    content:'';
    width:25px;
    height:25px;
    top:-4px;
    left:12px;
}
.login-name:before{
    background:url('/image/admin/login_user.png') no-repeat;
    background-size: 100%;
}
.login-password:before{
    background:url('/image/admin/login_password.png') no-repeat;
    background-size: 100%;
}
.login-remember{
    margin: 0 18px;
}
.form-group p {
    color: #666666;
}